<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				font-size: 14px;
			}

			.company_content {
				border: 1px solid rgb(51, 136, 255);
			}
		</style>
	</head>
	<body>
		<svg id="s" width="3700" height="3700" style="overflow-x: scroll;" version="1.1" baseProfile="full"
			xmlns="http://www.w3.org/2000/svg">

			<defs>
				<marker fill="rgb(51, 136, 255)" id="arrowhead" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6"
					markerHeight="6" orient="auto">
					<path d="M 0 0 L 10 5 L 0 10 z"></path>
				</marker>
			</defs>

			<g transform="translate(500,500)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>一汽集团</span></div>
				</foreignObject>
			</g>
			<g transform="translate(450,620)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>速腾<br><span style="font-size:14px;color:#000;">(500,620)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="550,580 550,600 500,600 500,620" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
				
			<!--  -->
			<g transform="translate(450,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>速腾001<br><span style="font-size:14px;color:#000;">(500,620)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="550,580 550,600 500,600 500,620" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			
			<!--  -->
				
			<g transform="translate(550,620)">
				<foreignObject class="htmlContent" width="700px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>北汽<br><span style="font-size:14px;color:#000;">(500,620)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="550,580 550,600 600,600 600,620" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			<g transform="translate(550,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span style="color: red;">北汽001<br><span style="font-size:14px;color:#000;">(550,740)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="600,700 600,720 300,720 300,740" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			<g transform="translate(650,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>北汽002<br><span style="font-size:14px;color:#000;">(550,740)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="600,700 600,720 400,720 400,740" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			<g transform="translate(750,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>北汽003<br><span style="font-size:14px;color:#000;">(500,740)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="600,700 600,720 500,720 500,740" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			<g transform="translate(850,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>北汽004<br><span style="font-size:14px;color:#000;">(450,740)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="600,700 600,720 600,720 600,740" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			<g transform="translate(950,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>北汽005<br><span style="font-size:14px;color:#000;">(400,740)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="600,700 600,720 700,720 700,740" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			<g transform="translate(1050,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>北汽006<br><span style="font-size:14px;color:#000;">(350,740)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="600,700 600,720 800,720 800,740" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
			<g transform="translate(1150,740)">
				<foreignObject class="htmlContent" width="100px" height="80px">
					<div class="company_content"
						style="width:80px;margin:0 auto;height:78px;1px solid rgb(51, 136, 255);background:rgb(249, 252, 255);border-radius:3px;color:#333;text-align:center;">
						<span>北汽007<br><span style="font-size:14px;color:#000;">(300,740)</span></span></div>
				</foreignObject>
			</g>
			<polyline points="600,700 600,720 900,720 900,740" style="fill:none;stroke:rgb(51, 136, 255);stroke-width:1"
				fill-opacity="0" marker-end="url(#arrowhead)"></polyline>
		</svg>

	</body>
</html>
<script src="data.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

</script>
